.comp-header {
    position: absolute;
    top: 136px;
    width: 100%;
    color: #ededed;
    %commonback {
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        background-color: rgba(135, 173, 255, .1);
        transition: width 0.2s ease;
    }
    .header-info {
        text-align: center;
        > .info-title {
            margin-bottom: 40px;
            line-height: 40px;
            font-weight: normal;
            font-size: 40px;
        }
        > .info-text {
            line-height: 28px;
            font-size: 13px;
            color: #c0d0f0;
            opacity: .6;
        }
        > .register-btn {
            position: relative;
            display: flex;
            justify-content: center;
            margin: 0 auto;
            margin-top: 60px;
            width: 188px;
            height: 50px;
            line-height: 50px;
            font-size: 13px;;
            color: #c0d0f0;
            border: 1px solid #87afff;
            cursor: pointer;
            transition: all 0.2s;
            > .btn-text {
                position: absolute;
                z-index: 111;
                left: 0;
                width: 100%;
            }
            &:before, &:after {
                @extend %commonback;
            }
            &:before {
                left: 0;
            }
            &:after {
                right: 0;
            }
            &:hover {
                color: #fff;
                &:before {
                    width: 100%;
                    transition: width 0.2s ease;
                }
            }
        }
    }

}